<script setup lang="ts">
import { ref } from 'vue'
import AlexGridIpt from './GridInput.vue'
const ipt = ref<string>('')
</script>

<template>
  <alex-input
    v-model="ipt"
    :border="{
      weight: 0.13,
      color: 'red',
      type: 'solid'
    }"
  ></alex-input>

  <alex-input
    v-model="ipt"
    :border="{
      weight: 0.13,
      color: 'red',
      type: 'solid'
    }"
  >
    <template #prepend>
      <alex-button>测试</alex-button>
    </template>
    <template #append>
      <alex-button>测试</alex-button>
    </template>
  </alex-input>

  <AlexGridIpt :length="3" :value="ipt" />
</template>

<style lang="scss" scoped></style>
